<script setup lang="tsx">
// import SelectGroup from "./demos/select-group/demo.vue"
import { BaseIcon } from "./components"

const Demo = <div>1111</div>
</script>

<template>
  <el-config-provider namespace="ep">
    <div>
      <a href="https://vite.dev" target="_blank">
        <img src="/vite.svg" class="logo" alt="Vite logo" />
      </a>
    </div>
    <div>
      <el-button type="warning">1111</el-button>
      <el-button type="primary">1111</el-button>
      <BaseIcon name="huoyunguiji-shuidanqueren"></BaseIcon>
      <component :is="Demo"/>
    </div>
    <!--  <SelectGroup />-->
  </el-config-provider>

</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
